.title-box {
    clear: both;
    .title {
        overflow: hidden;
        height: 3.5rem;
        background: white;
        border-bottom: 1px solid #e8e8e8;
    }
    .body {
        // position: relative;
        // height: 12.95rem;
        // overflow: hidden;
        .yp-chart-panel {
            position: absolute;
            bottom: 20px;
            right: 400px;
            left: 20px;
        }
        .yp-chart-panel.fold {
            bottom: -320px;
        }
    }
    .panel {
        //position: absolute;
        // top: 20px;
        // right: 20px;
        // bottom: 20px;
        // width: 360px;
        // -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
        // -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
        // box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #fff;
        ul.cc-datalist-list {
            border: none;
            li.active {
                background: #f5f5f5;
            }
        }
        .panel-content {
            // position: absolute;
            // top: 0;
            // bottom: 2.4rem;
            //height: 11rem;
            //left: 0px;
            //right: 0px;
            overflow: auto;
            border-bottom: 1px solid #e8e8e8;
        }
        .panel-footer {
            color: #999;
            width: 100%;
            // position: absolute;
            // bottom: 0;
            height: 2.4rem;
            line-height: 2.4rem;
            padding-left: 1rem;
            font-size: 0.6rem;
            background: #fff;
        }
        .cc-datalist-list::-webkit-scrollbar {
            height: 10px;
            overflow: visible;
            width: 8px;
        }
        .cc-datalist-list::-webkit-scrollbar-corner {
            background: transparent;
        }
        .cc-datalist-list::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
            background-clip: padding-box;
            border: solid transparent;
            border-width: 1px 1px 1px 1px;
            min-height: 28px;
            max-height: 100px;
            padding: 10px 0 0;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
            box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
        }
        .cc-datalist-list {
            //overflow-y: scroll;
            //top: 52px;
            //position: absolute;
            //bottom: 0px;
        }
    }
}

.skin-mobile {
    .title-box {
        .panel {
            //top: 0;
            //left: 0;
            //right: 0;
            //bottom: 0;
            //width: auto;
        }
    }
}
